<template>
    <div class="header">
        <span @click="backHandler" class="iconfont icon-left"></span>
        <h3>{{ title }}</h3>
    </div>
</template>
<script setup>

const props = defineProps(['title'])

function backHandler(){
    window.history.back()
}

</script>
<style scoped lang="scss">

.header{
    width: 100%;
    height: 55px;
    background: #594094;
    position: sticky;
    top: 0;
    z-index: 100;

    span{
        float: left;
        font-size: 20px;
        color: #fff;
        line-height: 55px;
    }

    h3{
        text-align: center;
        line-height: 55px;
        color: #fff;
    }
}

</style>